<template>
  <div>
    <group>
      <cell title="钱包">
        <img slot="icon" style="display:block;margin-right:5px;" src="http://placekitten.com/20/20" alt=""/>
      </cell>
      <cell title="收藏">
        <x-icon slot="icon" type="leaf" size="25"></x-icon>
      </cell>
      <cell title="相册">
        <x-icon slot="icon" type="leaf" size="25"></x-icon>
      </cell>
    </group>
    <group>
      <cell title="设置">
        <x-icon slot="icon" type="leaf" size="25"></x-icon>
      </cell>
    </group>
  </div>
</template>

<script>
  import {Cell, Group} from 'vux';

  export default {
    components: {
      Cell,
      Group
    }
  };
</script>

<style>
  .vux-demo {
    text-align: center;
  }

  .logo {
    width: 100px;
    height: 100px
  }

  .vux-flexbox-item {
    height: 200px;
    background: red;
  }
</style>
